<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//ES" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	template="/WEB-INF/facelets/templates/colectorT.xhtml">
	<ui:define name="title">CTP</ui:define>
	<ui:define name="content">
		<f:view>
			<h:form>
				<h:panelGrid columns="3">
					<h:outputLabel value="Carnet" for="carnet" />
					<h:inputText id="carnet" value="#{talonarioBean.talonario.carnet}" />
					<h:message for="carnet" />



					<f:facet name="footer">
						<h:panelGroup>
							<div class="btn-group">
								<h:commandButton value="Buscar" action="#{talonarioBean.buscar}"
									styleClass="btn btn-primary" />
								<h:commandButton value="Limpiar" action="#{talonarioBean.clean}"
									styleClass="btn" />
							</div>
						</h:panelGroup>
					</f:facet>
				</h:panelGrid>
				<h:inputHidden value="#{talonarioBean.page}" />
				<h:dataTable value="#{talonarioBean.talonarios}" var="talonario"
					styleClass="table table-bordered table-striped">
					<f:facet name="header">
						<h:panelGroup>
							<div class="btn-toolbar">
								<div class="btn-group">
									<h:commandButton action="talonario" value="Crear"
										styleClass="btn" />
									<h:commandButton action="#{talonarioBean.buscar}" value="Actualizar"
										styleClass="btn" />
								</div>
								<div class="btn-group">
									<h:commandButton value="Anterior"
										action="#{talonarioBean.prevPage}"
										styleClass="btn btn-primary" />
									<h:commandButton value="Pagina #{talonarioBean.page + 1}"
										styleClass="btn" />
									<h:commandButton value="Siguiente"
										action="#{talonarioBean.nextPage}"
										styleClass="btn btn-primary" />
								</div>
							</div>
						</h:panelGroup>
					</f:facet>
					<h:column>
						<f:facet name="header">
							<h:outputText value="Carnet" />
						</f:facet>
						<h:outputText value="#{talonario.carnet}" />
					</h:column>
					<h:column>
						<f:facet name="header">
							<h:outputText value="Fecha" />
						</f:facet>
						<h:outputText value="#{talonario.fecha}" />
					</h:column>
					<h:column>
						<f:facet name="header">
							<h:outputText value="Descripcion" />
						</f:facet>
						<h:outputText value="#{talonario.descripcion}" />
					</h:column>
					<h:column>
						<f:facet name="header">
							<h:outputText value="Cuota" />
						</f:facet>
						<h:outputText value="#{talonario.cuota}" />
					</h:column>
					<h:column>
						<f:facet name="header">
							<h:outputText value="Monto" />
						</f:facet>
						<h:outputText value="#{talonario.monto}" />
					</h:column>
					<h:column>
						<f:facet name="header">
							<h:outputText value="Tipo Pago" />
						</f:facet>
						<h:outputText value="#{talonario.tipoPago}" />
					</h:column>
					<h:column>
						<f:facet name="header">
							<h:outputText value="Estado Pago" />
						</f:facet>
						<h:outputText value="#{talonario.estadoPago}" />
					</h:column>
					<h:column>
						<f:facet name="header">
							<h:outputText value="Año" />
						</f:facet>
						<h:outputText value="#{talonario.anio}" />
					</h:column>
					<h:column>
						<f:facet name="header">
							<h:outputText value="Acciones" />
						</f:facet>
						<h:panelGroup>
						
							  <h:commandButton action="#{talonarioBean.update}" value="Realizar Pago"
								styleClass="btn btn-info">
								
								<f:setPropertyActionListener target="#{talonarioBean.talonario}"
									value="#{talonario}" />
								
							</h:commandButton>
							
						</h:panelGroup>
					</h:column>
					<f:facet name="footer">
						<h:panelGroup>
							<div class="btn-toolbar">
								<div class="btn-group">
									<h:commandButton action="talonario" value="Crear"
										styleClass="btn" />
									<h:commandButton action="talonarioLista" value="Actualizar"
										styleClass="btn" />
								</div>
								<div class="btn-group">
									<h:commandButton value="Anterior"
										action="#{talonarioBean.prevPage}"
										styleClass="btn btn-primary" />
									<h:commandButton value="Pagina #{talonarioBean.page + 1}"
										styleClass="btn" />
									<h:commandButton value="Siguiente"
										action="#{talonarioBean.nextPage}"
										styleClass="btn btn-primary" />
								</div>
							</div>
						</h:panelGroup>
					</f:facet>
				</h:dataTable>
				<h:inputHidden value="#{talonarioBean.page}" />
			</h:form>
		</f:view>
	</ui:define>

</ui:composition>